<template>
<h1>{{info}}</h1>
<!--属性绑定 :属性名="变量"    让某个属性的值和变量进行绑定-->
  <input type="text" :value="info">
  <input type="text" v-bind:value="info">
  <a :href="url">超链接</a>

</template>
<script setup>
import {ref} from "vue";
const url = ref('http://www.baidu.com');
const info = ref('属性绑定');
</script>

<style scoped>

</style>